<template>
  <el-container>
    <Header v-if="false"></Header>
    <el-main>
      <el-card class="car1">
        <el-row>
          <el-col :span="20"><div class="title1">陕AHU089</div></el-col>
          <el-col :span="4"
            ><div class="title1">
              <el-button size="mini" round @click="unbindCar">解绑</el-button>
            </div></el-col
          >
        </el-row>
      </el-card>
      <el-card class="car2">
        <el-row>
          <el-col :span="20"><div class="title1">陕A88888</div></el-col>
          <el-col :span="4"
            ><div class="title1">
              <el-button size="mini" round @click="unbindCar">解绑</el-button>
            </div></el-col
          >
        </el-row>
      </el-card>
      <el-card class="car3">
        <el-row>
          <el-col :span="20"><div class="title1">陕A99999</div></el-col>
          <el-col :span="4"
            ><div class="title1">
              <el-button size="mini" round @click="unbindCar">解绑</el-button>
            </div></el-col
          >
        </el-row>
      </el-card>
      <el-card class="car4">
        <el-row>
          <el-col :span="20"><div class="title1">陕A66666</div></el-col>
          <el-col :span="4"
            ><div class="title1">
              <el-button size="mini" round @click="unbindCar">解绑</el-button>
            </div></el-col
          >
        </el-row>
      </el-card>
      <el-divider></el-divider>
      <el-row>
        <el-col :span="24"
          ><div class="title1">
            <el-button type="primary" round @click="bindCar"
              >绑定车辆</el-button
            >
          </div></el-col
        >
      </el-row>
    </el-main>
    <el-footer>
      <Footer v-if="true"></Footer>
    </el-footer>
  </el-container>
</template>

<script>
import Footer from "@/components/Footer";
import Header from "@/components/Header";
export default {
  name: "Parking",
  components: { Header, Footer },
  data() {
    return {};
  },
  methods: {
    //确认停车按钮
    ensureParkBtn() {
      this.$router.push("/orderinfo");
    },
    //意见反馈链接
    userFeedback() {
      this.$router.push("/orderinfo");
    },
    //解绑车辆按钮
    unbindCar() {},
    //绑定车辆按钮
    bindCar() {
      this.$router.push("/addcar");
    },
  },
};
</script>

<style scoped>
.el-container {
  width: 400px;
  height: 600px;
  border: 1px solid black;
  margin: auto;
  background-color: #ffffff;
}
.el-card {
  border-radius: 20px;
}
.title1 {
  text-align: center;
  font-size: 28px;
  color: #ffffff;
}
#cont1 {
  margin-top: 10px;
  font-size: 24px;
}
.car1 {
  background-color: rgb(40, 157, 225);
}
.car2 {
  background-color: rgb(8, 200, 37);
}
.car3 {
  background-color: rgb(238, 216, 11);
}
.car4 {
  background-color: rgb(206, 218, 235);
}
</style>